<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>会员系统</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
      <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 开关 CSS 文件 -->
    <link rel="stylesheet" href="css/switch.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="member-wrap clearfix">
         <!-- 左侧导航 -->
         <div class="nav-left" >
            <div class="black-bg"></div>
            <ul>
                <li class="user-info"> 
                    <a href="">
                       <img src="images/user1.png" alt="" >
                       <p>Admin</p>
                    </a>
                </li>
                <li >
                    <a href="index.html">
                       <img src="images/icon1.png" alt="" style="width:25px">
                       <p>会员卡</p>
                    </a>
                </li>
                <li>
                    <a href="charge.html">
                       <img src="images/icon2.png" alt="" style="width:26px">
                       <p>充值</p>
                    </a>
                </li>
                <li >
                    <a href="report.html">
                       <img src="images/icon3.png" alt="" style="width:25px">
                       <p>报表</p>
                    </a>
                </li>
                <li>
                    <a href="integral.html">
                       <img src="images/icon4.png" alt="" style="width:25px">
                       <p>积分兑换</p>
                    </a>
                </li>
                <li class="active">
                    <a href="setting.html">
                       <img src="images/icon5.png" alt="" style="width:30px">
                       <p>设置</p>
                    </a>
                </li>
            </ul>
        </div>
        
        <!-- 右侧内容 -->
        <div class="member-main" >
            <!-- 顶部导航 -->
            <div class="nav-top clearfix">
                <a href="" class="left">
                   <img src="images/arrow-left.png" alt="">
                </a>
                <span>会员系统</span>
                <a href="" class="right">
                    <img src="images/help.png" alt="">
                </a>
            </div>
            <div class="member-content clearfix">
                <div class="member-content-left" id="mleft">
                    <div class="member-left-top">
                        <h4>更多</h4>
                    </div>
                    <div class="member-left-bottom">
                        <ul class="member-lb">
                            <li><a href="setting.html">会员卡使用设置</a></li>
                            <li class="active"><a href="setting-print.html">配置小票打印机</a></li>
                            <li class=""><a href="setting-card.html">设置卡</a></li>
                            <li><a href="">更换背景</a></li>
                            <li><a href="">技术支持</a></li>
                            <li><a href="">关于</a></li>
                        </ul>
                    </div>
                </div>
                <div class="member-content-right" id="mright">
                    <div class="member-right-top clearfix">
                        <h4>当前打印机</h4>
                    </div>
                    <div class="member-rb">
                        <ul>
                            <li class="clearfix" style="border-bottom:none">
                                <div class="left">小票打印机配置</div>
                                <div class="right"></div>
                            </li>
                            <p>配置打印客户点单、结账、交接班等相关小票票据使用的打印机，建议使用USB接口的打印机，布设简单，使用方便</p>
                            <li class="clearfix">
                                <div class="left">使用USB/串口/蓝牙连接打印机</div>
                                <div class="right"><input type="checkbox" name="my-checkbox" checked data-size="mini"</div>
                            </li>
                            <li class="clearfix" >
                                <div class="left">每行字符数</div>
                                <div class="right"><span class="yellow">32</span></div>
                            </li>
                        </ul>
                        <div class="mamber-la-bottom clearfix">
                            <a href="">打印测试页</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>  
    <script src="js/switch.js"></script>  
    <script>
        function alignHeight(eleA,eleB){
          if(!document.getElementById(eleA)){return false;}
          if(!document.getElementById(eleB)){return false;}
          var heightA = document.getElementById(eleA).clientHeight;
          var heightB = document.getElementById(eleB).clientHeight;
          if(heightA > heightB){
            document.getElementById(eleB).style.height = heightA + "px";
            document.getElementById(eleA).style.height = heightA + "px";
          }else{
            document.getElementById(eleA).style.height = heightB + "px";
            document.getElementById(eleB).style.height = heightB + "px";
          }
        }
        window.onload =function z_align(){
            alignHeight("mleft","mright");   
        }
    </script> 
    <script>
        $("[name='my-checkbox']").bootstrapSwitch();
    </script>
</body>
</html>